<template>
  <section id="features-wrap" class="features_wrap p-t-b-80">
    <b-container>
      <b-row>
        <b-col md="12" class="section-header mb-5">
          <h2 class="font-weight-bold">Our Exciting Features</h2>
          <p>
            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Placeat ea
            quam laborum, ducimus, laboriosam sint dolorum aspernatur libero.
          </p>
        </b-col>

        <b-col md="12" lg="6" sm="12" class="mb-4 mb-lg-0">
          <b-row>
            <b-col md="6" sm="6"  class="mb-4">
              <b-card class=" text-center">
                <i class="eva eva-clock-outline text-36"></i>
                  <h4 class="card-title pt-2 font-weight-medium">
                    Time Tracking
                  </h4>
                <p>Lorem Ipsum is simply dummy text of the printing .</p>
              </b-card>
            </b-col>
            <!-- end of left card col-6 -->
            <b-col md="6" sm="6" class="mb-4">
              <b-card class=" text-center">
                <i class="eva eva-shopping-bag-outline text-36"></i>
                  <h4 class="card-title pt-2 font-weight-medium">
                    Sales Report
                  </h4>
                  <p>Lorem Ipsum is simply dummy text of the printing .</p>
              </b-card>
            </b-col>
            <!-- end of left card col-6 -->
            <b-col md="6" sm="6" class="mb-4 mb-lg-0 mb-md-0">
              <b-card class=" text-center">
                  <i class="eva eva-lock-outline text-36"></i>
                  <h4 class="card-title pt-2 font-weight-medium">
                    Data Safety
                  </h4>
                  <p>Lorem Ipsum is simply dummy text of the printing .</p>
              </b-card>
            </b-col>
            <!-- end of left card col-6 -->
            <b-col md="6" sm="6" class="mb-4 mb-lg-0 mb-md-0">
              <b-card class=" text-center">
                  <i class="eva eva-people-outline text-36"></i>
                  <h4 class="card-title pt-2 font-weight-medium">Contracts</h4>
                  <p>Lorem Ipsum is simply dummy text of the printing .</p>
              </b-card>
            </b-col>
            <!-- end of left card col-6 -->
          </b-row>
        </b-col>
        <!-- end of col-6 -->
        <b-col md="12" sm="12" lg="5"
          class="offset-lg-1 d-flex align-items-center"
        >
          <img
            src="@/assets/images/landing/svg/features2.svg"
            class="img-responsive w-100"
            alt=""
          />
        </b-col>
      </b-row>
    </b-container>
  </section>
</template>
<script>
export default {
  data() {
    return {};
  },
};
</script>

